/*banner*/
.bannerbox{ position:relative; background:#38adfc; background-size:auto 100%;  }
.banner{ height:898px;position:relative;}
.banner .item{ height:898px;background-repeat:no-repeat; background-position:center; background-size:auto 100%}
.bannerbox .aly{ position:absolute; z-index:1; left:50%; top:72%; display:block; margin-left:-430px; text-align:center}
.bannerbox .aly:hover{ transform:scale(1.1)}
.bannerbox .aly .ico{  vertical-align:text-bottom; width:84px; border:5px solid #fff; border-radius:50%; margin-bottom:5px}
.bannerbox .aly .ico img{ display:block; width:100%}
.bannerbox .aly .txt{ font-size:18px; color:#fff}
.curve{width: 100%; position:absolute; left:0; bottom:-1px; z-index:9; height:77px; right:0; background:url(../images/bannerpng.png) no-repeat center bottom; background-size:100%}  

.index01{ padding-top:55px; padding-bottom:60px}
 

.index01 .hd{ position:relative; margin-left:192px; margin-bottom:80px}
.index01 .hd .ico{ width:136px; position:absolute; z-index:1; left:-135px; bottom:-45px;}
.index01 .hd .ico img{ display:block; width:100%}
.index01 .hd .txt01{ display:inline-block; vertical-align:bottom; color:#38adfa;  font-size:28px; line-height:1.1; margin-right:30px}
.index01 .hd .txt01 .p2{ font-size:60px;font-weight:bold;}
.index01 .hd .txt02{ display:inline-block; vertical-align:bottom; color:#8a8a8a; font-size:18px}
.index01 .bd{ width:860px; margin:0 auto; }
.index01 .bd li{ width:33.33%; float:left; text-align:center}
.index01 .bd li .ico{ width:230px; margin:0 auto;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; margin-bottom:-10px}
.index01 .bd li .ico img{ width:100%;}
.index01 .bd li .a{ display:block; height:455px; cursor:pointer; background-repeat:no-repeat; background-position:center top; background-size:auto 100%; padding-top:26px;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.index01 .bd li .txt{ color:#727171;}
.index01 .bd li .txt h3{ font-size:28px; font-weight:normal; margin-bottom:10px;line-height:1.1}
.index01 .bd li .txt .p1{ font-size:18px; font-weight:bold; opacity:0;  }
.index01 .bd li .txt .p2{ font-size:14px; margin-bottom:5px; height:65px; overflow:hidden;color: #8a8a8a;}

.index01 .bd li .txt .p2 span{ display:block}
.index01 .bd li .a:hover .ico{transform: scale(1.05);}
.index01 .bd li:nth-child(1) .a:hover{ background-image:url(../images/index0101bg.png)} 
.index01 .bd li:nth-child(2) .a:hover{ background-image:url(../images/index0102bg.png)} 
.index01 .bd li:nth-child(3) .a:hover{ background-image:url(../images/index0103bg.png)} 
.index01 .bd li .a .txt{ max-width:175px; margin:0 auto}
.index01 .bd li .a:hover .txt{ color:#fff; }
.index01 .bd li .a:hover .p2{ color:#fff; }
.index01 .bd li:nth-child(1) .a .txt .p1{ color:#0876a8; }
.index01 .bd li:nth-child(2) .a .txt .p1{ color:#6d8d0c; }
.index01 .bd li:nth-child(3) .a .txt .p1{ color:#aa1504; } 
 
.index01 .bd li:nth-child(1) .a:hover .txt .p1{ opacity:1}
.index01 .bd li:nth-child(2) .a:hover .txt .p1{ opacity:1}
.index01 .bd li:nth-child(3) .a:hover .txt .p1{ opacity:1}

.indexmore{ text-align:center}
.indexmore a{ display:inline-block; width:140px; height:36px; line-height:36px; font-size:18px; background:#f4f4f4; color:#fff; border-radius:36px}

.index02{ background:url(../images/index02bg.png) no-repeat center top; height:1965px; background-size:auto 100%; padding-top:248px; margin-bottom:-110px }
.index02 .weap{ width:77%; margin:0 auto; color:#fff}
.index02 .weap a{ color:#fff;}
.index02 .hd{ text-align:center; font-size:28px; margin-bottom:15px;}
.index02 .hd h3{ line-height:1.1}
.index02 .hd span{ font-size:18px; display:inline-block; border-top:1px solid #fff} 
.index02 .newshot{ margin-bottom:3.8vw}
.index02 .newshot a{ display:block; position:relative;border-radius:60px; box-shadow:0 0 4.2vw  rgba(139,116,5,.5)}
.index02 .newshot a .ico-pay{ width:86px; height:86px; position:absolute; z-index:1; right:54px; bottom:54px; background:url(../images/ico-play.png) no-repeat center; background-size:99%; box-shadow:0 0 .6vw rgba(0,0,0,.5); border-radius:50%;}
.index02 .newshot img{ display:block; width:100%; border-radius:60px; border:10px solid #fff}
.index02 .hd02{ text-align:center; font-size:28px; margin-bottom:3px}
.index02 .indexnews{ margin:0 5.3vw; padding:0 1vw; position:relative; }
.index02 .indexnews .swiper-container{ padding:2vw 1vw}
.index02 .indexnews a{ display:block; margin:0 26px;text-align:center;transform:rotate(0deg);
-ms-transform:rotate(0deg); 	/* IE 9 */
-moz-transform:rotate(0deg); 	/* Firefox */
-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
-o-transform:rotate(0deg);}
.index02 .indexnews a:hover{ transform:scale(1.05)}
.index02 .indexnews a .img{ margin-bottom:10px; padding:10px; background-color:#fff;border-radius:10px; }
.index02 .indexnews a img{ display:block; width:100%; }
.index02 .indexnews a h3{display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2; font-size:18px; font-weight:normal; height:56px; overflow:hidden; text-align:left}
.index02 .indexnews .swiper-button-next,.index02 .indexnews .swiper-button-prev{ width:3.5vw; height:4.5vw; background-repeat:no-repeat; background-position:center; background-size:100%}
.index02 .indexnews .swiper-button-prev{ background-image:url(../images/ico-prev.png); left:-7vw}
.index02 .indexnews .swiper-button-next{ background-image:url(../images/ico-next.png); right:-7vw}
.index02 .indexnews .swiper-button-next:after,.index02 .indexnews .swiper-button-prev:after{ display:none}

.index02 .indexnews .swiper-slide-prev a{transform-origin: bottom right;transform:rotate(-4deg);
-ms-transform:rotate(-4deg); 	/* IE 9 */
-moz-transform:rotate(-4deg); 	/* Firefox */
-webkit-transform:rotate(-4deg); /* Safari 和 Chrome */
-o-transform:rotate(-4deg); }
.index02 .indexnews .swiper-slide-prev a:hover{transform:rotate(-4deg) scale(1.05);
-ms-transform:rotate(-4deg) scale(1.05); 	/* IE 9 */
-moz-transform:rotate(-4deg) scale(1.05); 	/* Firefox */
-webkit-transform:rotate(-4deg) scale(1.05); /* Safari 和 Chrome */
-o-transform:rotate(-4deg) scale(1.05);}
.index02 .indexnews .swiper-slide-next a{transform-origin: bottom left;transform:rotate(4deg);
-ms-transform:rotate(4deg); 	/* IE 9 */
-moz-transform:rotate(4deg); 	/* Firefox */
-webkit-transform:rotate(4deg); /* Safari 和 Chrome */
-o-transform:rotate(4deg); }
.index02 .indexnews .swiper-slide-next a:hover{transform-origin: bottom left;transform:rotate(4deg) scale(1.05);
-ms-transform:rotate(4deg) scale(1.05); 	/* IE 9 */
-moz-transform:rotate(4deg) scale(1.05); 	/* Firefox */
-webkit-transform:rotate(4deg) scale(1.05); /* Safari 和 Chrome */
-o-transform:rotate(4deg) scale(1.05); }

.index02 .indexmore a{ background:rgba(255,255,255,.3)}
.indexmore a:hover{transform:scale(1.1);}

.index03{ padding-bottom:50px;}
.index03 .hd{ text-align:center; margin-bottom:90px}
.index03 .hd h3{ font-size:60px; color:#000; line-height:1.1; margin-bottom:25px}
.index03 .hd .p{ color:#333; font-size:28px; line-height:1.1}

.index03 .weap{ width:56%; margin:0 auto; }
.index03 .bd{ max-width:830px; margin:0 auto}
.index03 .bd li{ margin-bottom:36px; position:relative; transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.index03 .bd a{ display:block; overflow:hidden; border:10px solid #38acf9; border-radius:60px; padding-right:50px; position:relative; min-height:240px}
.index03 .bd li:hover{transform:scale(1.1);}
.index03 .bd a .img{ overflow:hidden;  position:absolute; z-index:1; left:0;top:0; bottom:0; width:37%}
.index03 .bd a .img .im{ display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover}
.index03 .bd a .txt{ overflow:hidden; padding-top:14px; padding-left:44% ; padding-bottom:50px}
.index03 .bd a .txt .num{ font-size:14px; color:#f0c506; font-weight:bold; margin-bottom:10px}
.index03 .bd a .txt .num i{ display:inline-block; width:23px; height:23px; background:url(../images/ico-03.png) no-repeat center; background-size:100%; vertical-align:middle; margin-right:5px; position:relative;top:-3px}
.index03 .bd a .txt .title{ line-height:1.1; margin-bottom:1vw}
.index03 .bd a .txt .title h3{ font-size:44.8px; display:inline-block; vertical-align:text-bottom; color:#504f4f}
.index03 .bd a .txt .title h3 i{ color:#38acf9}
.index03 .bd a .txt .title span{ display:inline-block;vertical-align:text-bottom; font-size:22.4px; font-weight:bold; color:#504f4f}
.index03 .bd a .txt .p{ font-size:14px; color:#878787; }
.index03 .bd .more{ text-align:right}
.index03 .bd .more span{ display:inline-block; width:122px; height:48px; background:url(../images/ico-btn.png) no-repeat center; background-size:100%; line-height:42px; color:#fff; text-align:left; font-size:18px; padding-left:50px; position:absolute; z-index:1; bottom:.5vw; right:3.5vw; cursor:pointer}
 
.index03 .bd li:nth-child(2) a{border:10px solid #a4c543;}
.index03 .bd li:nth-child(2) .title h3 i{ color:#a4c543}
.index03 .bd li:nth-child(3) a{border:10px solid #f55e4c;}
.index03 .bd li:nth-child(3) .title h3 i{ color:#f55e4c}
.index03 .bd .hot{ position:absolute; z-index:1; right:24px; top:10px; width:92px}
.index03 .bd .hot img{ display:block; width:100%}

.index0301{ overflow:hidden}
.index0301 .weap{ position:relative; }
.index0301 .pngbg{ position:absolute; z-index:1; right:-50px;top:30px; width:366px;}
.index0301 .pngbg img{ width:100%}
.index0301 .hd{ font-size:0; position:relative; z-index:2; max-width:805px; margin:0 auto; margin-bottom:150px}
.index0301 .hd>div{ display:inline-block; vertical-align:middle}
.index0301 .hd img{ max-width:100%}
.index0301 .hd .ico{ width:31.6%; margin-right:4.3%}
.index0301 .hd .t{ width:59.5%}
.index0301 .bd{  position:relative; z-index:2;max-width:829px; margin:0 auto}
.index0301 .bd li{ margin-bottom:30px; font-size:0}
.index0301 .bd li.t{ font-size:18px; padding-left:120px; margin-bottom:7px}
.index0301 .bd li .img{ display:inline-block; vertical-align:middle; width:37.8%; margin-right:3%;position:relative}
.index0301 .bd li .txt{ display:inline-block; vertical-align:middle; width:50.6%}
.index0301 .bd li .txt img{ max-width:100%}
.index0301 .bd li .img img{ max-width:100%;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.index0301 .bd li .img img:hover{ transform:scale(1.1);}
.index0301 .bd li:nth-child(3) .img,.index0301 .bd li:nth-child(4) .img,.index0301 .bd li:nth-child(5) .img{ margin-right:9%;}
.index0301 .bd li .tag{ position:absolute; z-index:2; width:97px;top:-21px; left:-32px}
.index0301 .bd li .tag img{ display:block; width:100%;}
.index0301 .bd li a{ font-size:0}

.index04{ padding-top:50px; padding-bottom:90px} 
.index04 .bd{ height:365px; position:relative}
.index04 li{ position:absolute; z-index:1;}
.index04 li .a{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.index04 li .a:hover{transform:scale(1.1);}
.index04 li .icobox{ width:134px; height:134px;background-image: linear-gradient(to bottom, #ee7e69 , #c9432a); border-radius:50%; padding:14px; box-shadow:0 0 10px rgba(0,0,0,.1); margin-bottom:5px}
.index04 li .icobox .ico{ width:100%; height:100%; background-color:#fff; border-radius:50%; background-position:center; background-repeat:no-repeat; background-size:100%}
.index04 li .txt{ text-align:center; color:#626262}
.index04 li .txt h3{ font-size:18px; font-weight:normal}
.index04 li .txt .p{ font-size:14px}


.index04 li .icobox .index0401{ background-image:url(../images/index0401.png)}
.index04 li .icobox .index0402{ background-image:url(../images/index0402.png); }
.index04 li .icobox .index0403{ background-image:url(../images/index0403.png);background-size:55%}
.index04 li .icobox .index0404{ background-image:url(../images/index0404.png); }
.index04 li .icobox .index0405{ background-image:url(../images/index0405.png); }
.index04 li .icobox .index0406{ background-image:url(../images/index0406.png); }
.index04 li.l1{ left:72px;top:58px;}
.index04 li.l2{ left:269px;top:178px;}
.index04 li.l2 .icobox{background-image: linear-gradient(to bottom, #ed8eac , #c84f75);}
.index04 li.l3{ left:397px;top:53px;}
.index04 li.l3 .icobox{background-image: linear-gradient(to bottom, #f3af4e , #e58b0c); width:181px; height:181px;}
.index04 li.l4{ left:525px;top:0;}
.index04 li.l4 .icobox{background-image: linear-gradient(to bottom, #afd460 , #7ba81b); }
.index04 li.l5{ left:730px;top:155px;}
.index04 li.l5 .icobox{background-image: linear-gradient(to bottom, #9988be , #594488); width:156px; height:156px; }
.index04 li.l6{ left:965px;top:65px;}
.index04 li.l6 .icobox{background-image: linear-gradient(to bottom, #76bddd, #2a87b0);  }

.index05{ background-color:#f1f1f1; padding-top:50px; padding-bottom:40px; position:relative; display:none}
 
.index05 .bd{ margin:0 auto; width:78.9%}
.index05 .bd .img{ display:block; width:100%; position:relative}
.index05 .bd .img img{ display:block; width:100%}
.moremapa { text-align:center; margin-top:-40px}
.moremapa .more{  color:#e2bf22; text-align:center; font-size:14px; bottom:-22px; display:inline-block; cursor:pointer}
.moremapa .more:before{ content:""; display:block; margin:0 auto; width:40px; height:40px; background:url(../images/ico-top.png) no-repeat center; background-size:100%; transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; }
.moremapa .more.on:before{background:url(../images/ico-topon.png) no-repeat center; background-size:100%; }
.index05 .img li{ position:absolute; z-index:1; width:4.7%;top:0; right:0}
.index05 .img li .ico{ transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: alll 0.5s; opacity:0; position:relative; bottom:30px; visibility:hidden}
.index05.block .img li .ico{ visibility:visible; bottom:0; opacity:1}
.index05 .img li .ico img{ display:block; width:100%}
.index05 .img li .txt{ height:1px; top:92%; position:absolute; z-index:1; left:53%}
.index05 .img li .txt span{ display:block; position:absolute; z-index:1; width:44px; height:44px; right:0;top:50%; margin-top:-22px; border:4px solid #e8cc32; text-align:center; line-height:36px; border-radius:50%; font-size:14px; color:#e8cc32; font-weight:bold;transition: all 1s ease-in 1s;-moz-transition: all 1s ease-in 1s;-webkit-transition: all 1s ease-in 1s;-o-transition: alll 1s ease-in 1s; opacity:0;visibility:hidden}
.index05 .img li:nth-child(1) .txt span{ font-size:12px}
.index05.block .img li .txt span{visibility:visible; opacity:1;}
.index05 .img li .txt i{ display:block; height:1px; background-color:#cecdcf; left:0; right:100%; position:absolute; z-index:1;top:50%;transition: all 0.5s ease-in .5s;-moz-transition: all 0.5s ease-in .5s;-webkit-transition: all 0.5s ease-in .5s;-o-transition: alll 0.5s ease-in .5s; opacity:0;visibility:hidden; }
.index05.block .img li .txt i{ right:55px; visibility:visible; opacity:1;}
.index05 .img li:nth-child(1){left:75.4%;top:8.7%}
.index05 .img li:nth-child(2){left: 77.4%; top: 16.9%;}
.index05 .img li:nth-child(3){left: 58.4%; top: 20.6%;}
.index05 .img li:nth-child(4){left:71%;top:20.6%}
.index05 .img li:nth-child(5){left:64.4%;top:23.9%}
.index05 .img li:nth-child(6){left:62.9%;top:26.5%}
.index05 .img li:nth-child(7){left:64.4%;top:28.5%}
.index05 .img li:nth-child(8){left:38.2%;top:31.3%}
.index05 .img li:nth-child(9){left:61.2%;top:33.1%}
.index05 .img li:nth-child(10){left:46.9%;top:37.4%}
.index05 .img li:nth-child(11){left:56.4%;top:37.4%}
.index05 .img li:nth-child(12){left:66.1%;top:37.4%}
.index05 .img li:nth-child(13){left:30.5%;top:43.8%}
.index05 .img li:nth-child(14){left:61.3%;top:43.8%}
.index05 .img li:nth-child(15){left:59.5%;top:43.8%}
.index05 .img li:nth-child(16){left:70%;top:43.8%}
.index05 .img li:nth-child(17){left:66.4%;top:49.2%}
.index05 .img li:nth-child(18){left:73.3%;top:49.2%}
.index05 .img li:nth-child(19){left:52.4%;top:52.2%}
.index05 .img li:nth-child(20){left:57%;top:52.2%}
.index05 .img li:nth-child(21){left:58.4%;top:57.3%}
.index05 .img li:nth-child(22){left:64.4%;top:57.3%}
.index05 .img li:nth-child(23){left:70.7%;top:57.3%}
.index05 .img li:nth-child(24){left:40.9%;top:59%}
.index05 .img li:nth-child(25){left:50.2%;top:64.2%}
.index05 .img li:nth-child(26){left:56.2%;top:64.2%}
.index05 .img li:nth-child(27){left:63%;top:64.2%}
.index05 .img li:nth-child(28){left:69.3%;top:64.2%}
.index05 .img li:nth-child(29){left:38.2%;top:73%}
.index05 .img li:nth-child(30){left:52.4%;top:73%}
.index05 .img li:nth-child(31){left:60.1%;top:73%}
.index05 .img li:nth-child(32){left:54.6%;top:84.3%}
.index05 .img li:nth-child(1) .txt{width:415%}
.index05 .img li:nth-child(2) .txt{width:865%}
.index05 .img li:nth-child(3) .txt{width:414%}
.index05 .img li:nth-child(4) .txt{width:715%}
.index05 .img li:nth-child(5) .txt{width:590%}
.index05 .img li:nth-child(6) .txt{width:776%}
.index05 .img li:nth-child(7) .txt{width:1119%}
.index05 .img li:nth-child(8) .txt{width:613%}
.index05 .img li:nth-child(9) .txt{width:710%}
.index05 .img li:nth-child(10) .txt{width:1258%}
.index05 .img li:nth-child(11) .txt{width:660%}
.index05 .img li:nth-child(12) .txt{width:598%}
.index05 .img li:nth-child(13) .txt{width:173%}
.index05 .img li:nth-child(14) .txt{width:1215%}
.index05 .img li:nth-child(15) .txt{width:490%}
.index05 .img li:nth-child(16) .txt{width:590%}
.index05 .img li:nth-child(17) .txt{width:1530%}
.index05 .img li:nth-child(18) .txt{width:540%}
.index05 .img li:nth-child(19) .txt{width:1110%}
.index05 .img li:nth-child(20) .txt{width:451%}
.index05 .img li:nth-child(21) .txt{width:838%}
.index05 .img li:nth-child(22) .txt{width:633%}
.index05 .img li:nth-child(23) .txt{width:822%}
.index05 .img li:nth-child(24) .txt{width:200%}

.index06{ padding-top:2.8vw; text-align:center; padding-bottom:3.7vw; position:relative}
 
.index06 .weap img{ display:block; width:100%}
.index06 .weap .flogo{ position:absolute; z-index:1; left:0; right:0; text-align:center; bottom:27px}
.index06 .weap .flogo img{ width:116px; margin:0 auto}

.lanmumain{ padding-top:139px; padding-bottom:150px; min-height:calc(100vh - 100px);}
.newsbox{ padding-top:2.8vw}
.newsearch{  position:relative; max-width:390px; margin:0 auto; position:relative; border:5px solid #38adfa; border-radius:30px; margin-bottom:70px}
.newsearch .intxt{ width:100%; height:38px; border:none; font-size:18px; padding:0 15px; border-radius:2.5vw; padding-right:30px; }
.newsearch .inbtn{ position:absolute; z-index:1; right:0;top:0; bottom:0; border:none; width:38px; background:url(../images/ico-s.png) no-repeat center; background-size:60%; cursor:pointer}
 
.newslist li{ float:left; width:19%; margin:0 3%; margin-bottom:54px}
.newslist li a{ display:block; text-align:center}
.newslist li .img{ overflow:hidden; margin-bottom:10px; background-color:#fff; padding:10px;box-shadow:0 0 3vw rgba(0,0,0,.2);border-radius:8px;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; height:261px}
.newslist li .img img{ display:block; width:100%; height:100% }
.newslist li a h3{ height:56px; overflow:hidden; font-size:18px;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; position:relative; bottom:0; font-weight:normal; text-align:left;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.newslist li a:hover .img{transform:scale(1.1);}
.newslist li a:hover h3{ bottom:-1vw}

.newsempty{ text-align:center; font-size:1.25vw}
 
.activity01{ padding-top:45px;}
.activity01 .hd{ max-width:980px; margin:0 auto}
.activity01 .hd .img{ float:left; width:28.5%}
.activity01 .hd .img img{ display:block; width:100%}
.activity01 .hd .txt{ width:67.5%; padding-top:90px;float:right; text-align:justify}
.activity01 .hd h3{ font-size:60px; font-weight:normal; color:#000; line-height:1.1; margin-bottom:26px; text-indent:36px; }
.activity01 .hd .p{ font-size:18px; line-height:2; text-indent:36px}

.activity02{  padding-bottom:35px}
.activity02 .bd{ max-width:920px; margin:0 auto; position:relative; padding-top:230px;}
.activity02 .bd .png{ position:absolute; z-index:2;top:0; right:-25px; width:31.9%}
.activity02 .bd .png img{ max-width:100%}
.activity02 .bd .txt{ float:right; width:59%; text-align:justify; padding-top:20px }
.activity02 .bd .txt h3,.activity02 .bd .img h3{ color:#000; font-size:30px; font-weight:normal; line-height:1.1; margin-bottom:20px; display:inline-block; background-color:#a9cb45; padding:0 25px; line-height:60px; height:60px; color:#fff; border-radius:60px;}
.activity02 .bd .txt .p{ font-size:18px; text-indent:36px; line-height:2}
.activity02 .bd .img{ float:left; width:36.3%}
.activity02 .bd .img img{ width:100%}
.activity02 .bd p.m{ display:none; text-align:center;color:#000; font-size:40px; font-weight:normal; line-height:1.1; margin-top:20px }
.activity03 .bd p.m{ display:none; text-align:center;color:#000; font-size:40px; font-weight:normal; line-height:1.1; margin-top:20px }
.activity02 .bd .img h3{ display:none}
.activity02 .bdimg{ position:relative}
.activity02 .bdimg img{ display:block; width:100%} 
.activity02 .bdimg:before{ content:""; display:block; position:absolute; z-index:8; right:-2px;top:-2px; left:-2px; bottom:-2px; background:url(../images/activity02png.png) no-repeat center; background-size:100% 100%;}

.activity03{ padding-top:35px}
.activity03 .bd{ max-width:880px; margin:0 auto; margin-bottom:130px;}
.activity03 .bd .img{ float:right; width:35.2%}
.activity03 .bd .img img{ display:block; width:100%}
.activity03 .bd .txt{ float:left; width:62%; padding-top:90px; }
.activity03 .bd .txt h3,.activity03 .bd .img h3{ color:#000; font-size:30px; font-weight:normal; line-height:1.1; display:inline-block; background-color:#38adfa; padding:0 25px; line-height:60px; height:60px; color:#fff; border-radius:60px;margin-bottom:10px;}
 .activity03 .bd .img h3{ display:none}
.activity03 .bd .txt .p{ font-size:18px; text-indent:36px; line-height:2}
.activity03 .bdimgbox{ position:relative}
.activity03 .bdimgbox:before{ content:""; display:block; position:absolute; z-index:3; left:0;top:0; bottom:0; width:303px; background:url(../images/train02left.png) no-repeat left center; background-size:cover;    pointer-events: none;}
.activity03 .bdimgbox:after{ content:""; display:block; position:absolute; z-index:3;right:-2px;top:0; bottom:0; width:303px; background:url(../images/train02right.png) no-repeat right center; background-size:cover;    pointer-events: none;}

.activity03 .bdimg{ overflow:hidden; height:355px; background:url(../images/activity0302bg.jpg) repeat-x; background-size:auto 100%; position:relative; padding-top:70px; position:relative} 
.activity03 .bdimg li{ float:left; width:311px; padding:0 9px}
.activity03 .bdimg img{ display:block; width:100%}
 
 

.repertoire01{ padding-top:50px; padding-bottom:30px} 
.repertoire01 .weap .ico{ width:27.3%; float:left; margin-left:11.2%}
.repertoire01 .weap .ico img{ width:100%}
.repertoire01 .weap .txt{ float:right; width:58.6%; padding-top:115px}
.repertoire01 .weap .title{ font-size:60px; line-height:1.1; margin-bottom:25px; color:#000}
.repertoire01 .weap .title i{ font-size:28px; margin-right:10px}
.repertoire01 .weap .p{ font-size:18px; line-height:2}

.repertoire02 .weap{position:relative}
.repertoire02 .bd{ overflow:hidden; }
.repertoire02 .bd li{ float:left; width:200px;}
.repertoire02 .bd{ position:relative}
.repertoire02 .weap:before{ content:""; display:block; position:absolute; z-index:3; left:0;top:0; bottom:0; width:303px; background:url(../images/train02left.png) no-repeat left center; background-size:cover;pointer-events: none;}
.repertoire02 .weap:after{ content:""; display:block; position:absolute; z-index:3;right:-1px;top:0; bottom:0; width:303px; background:url(../images/train02right.png) no-repeat right center; background-size:cover;pointer-events: none;}
.repertoire02 .bd a{ display:block;  position:relative; margin:0 18px}
.repertoire02 .bd .img{/*动画元素transform-style*/ -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transition: .8s ease-in-out ; -moz-transition: .8s ease-in-out ; /*动画元素背后设置为hidden*/ width:100%;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; position:relative; z-index:2;-webkit-transform: rotateY(0); -moz-transform: rotateY(0);}
.repertoire02 .bd .img img{display:block; width:100%}
.repertoire02 .bd .txt{/*动画元素transform-style*/ -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transition: .8s ease-in-out ; -moz-transition: .8s ease-in-out ; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); /*动画元素背后设置为hidden*/
position:absolute; z-index:1;top:0; left:0; bottom:0; width:100%; overflow:hidden; background-color:#f1f1f1;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; font-size:12px; padding:20px 20px; text-indent:24px; line-height:2; color:#595959}
.repertoire02 .bd a:hover .img{-webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg);z-index:1}
.repertoire02 .bd a:hover .txt{-webkit-transform: rotateY(0); -moz-transform: rotateY(0);z-index:2}
.repertoire02{ padding-bottom:60px; }

.repertoire03{ padding-top:60px; padding-bottom:60px}
.repertoire03 .weap{ max-width:940px; margin:0 auto}
.repertoire03 .hd{ margin-bottom:185px; text-align:center; font-size:0}
.repertoire03 .hd .ico{ display:inline-block; vertical-align:middle; margin-right:4.2%; width:34.9%}
.repertoire03 .hd .p{ display:inline-block; vertical-align:middle; text-align:left; font-size:18px; line-height:2}
.repertoire03 .hd img{ display:block; max-width:100%}
.repertoire03 .bd li{ float:left; width:44%; margin:0 3%; background:url(../images/repertoire03png.png) no-repeat center top; background-size:100%; padding-top:1px}
.repertoire03 .bd .title{ padding:0 45px; text-align:center; height:275px}
.repertoire03 .bd .title .ico{ width:151px; margin:0 auto; margin-top:-30px;margin-bottom:20px}
.repertoire03 .bd .title .ico img{ display:block; width:100%; border-radius:60px; box-shadow:0 0 30px rgba(0,0,0,.2)}
.repertoire03 .bd .title h3{ font-weight:normal; font-size:28px; color:#e74d30; line-height:1.1; margin-bottom:5px }
.repertoire03 .bd li:nth-child(2) .title h3{ color:#21b385}
.repertoire03 .bd .title .p1{ font-size:18px; margin-bottom:10px }
.repertoire03 .bd .title .p2{ font-size:14px; text-align:left}
.repertoire03 .bd .dmore{  width:32px; height:32px; margin:0 auto; background:url(../images/ico-05.png) no-repeat center; background-size:100%; cursor:pointer}
.repertoire03 .bd .dmore.none{ display:none}
.repertoire03 .bd .sub{  background-color:#fff; border-radius:40px; box-shadow:0 0 30px rgba(0,0,0,.1); padding:30px; padding-bottom:10px;  font-size:14px; line-height:1.6; position:relative; display:none; color:#e74d30; text-align:justify}
.repertoire03 .bd li:nth-child(2) .sub{ color:#21b385}
.repertoire03 .bd .sub:after{ content:""; display:block; width:2px; height:25px; background-color:#fff; left:50%; margin-left:-1px;top:-25px; position:absolute}
.repertoire03 .bd .sub p{ text-indent:28px;}
.repertoire03 .bd .sub .upmore{width:1.8vw; height:1.8vw; margin:0 auto; background:url(../images/ico-05.png) no-repeat center; background-size:100%; cursor:pointer; margin-top:1vw; -moz-transform:scaleY(-1); -webkit-transform:scaleY(-1); -o-transform:scaleY(-1); transform:scaleY(-1);}
	 
.repertoire05{ text-align:center; padding-top:45px; padding-bottom:45px}
.repertoire05 img{ max-width:100%}
.repertoire05 .more{ margin-top:35px; font-size:12px}

.repertoire06{ text-align:center; padding-top:45px; }
.repertoire06 img{ max-width:100%}

.levelbox .weap{ margin:0 auto}

.level01{ padding-top:85px; padding-bottom:60px; }
.level01 .img{ float:left; width:34.3%; margin-left:3.6%}
.level01 .img img{ display:block; width:100%}
.level01 .txt{ width:58.1%; float:right; padding-top:60px }
.level01 .txt h4{ font-size:28px; color:#333; line-height:1.1; margin-bottom:10px; font-weight:normal}
.level01 .txt h3{ font-size:60px; color:#333; line-height:1.1; margin-bottom:25px; font-weight:normal}
.level01 .txt .p{ font-size:18px; line-height:2}
.level01 .txt .p p{ text-indent:36px; color:#828282}

.level02{  padding-top:60px; }
.level02 .img1{ float:left; width:100%; text-align:center}
.level02 .img1 img{ width:29.3%}
.level02 .img2{ float:left; width:50%; text-align:center; margin-top:-45px}
.level02 .img2 img{ width:98%}
.level02 .txt{ float:left; text-align:center; width:50%; padding-top:42px}  
.level02 .txt h3{ font-size:40px; font-weight:normal; color:#333; line-height:1.1; margin-bottom:20px}
.level02 .year{ color:#68509f; font-size:34.7px; font-weight:bold; line-height:1.1; margin-bottom:25px}
.level02 .year i{ font-size:104px}
.level02 .year span{ font-size:139px}
.level02 .txt .p{ font-size:14px}
.level02 .img3{ float:left; width:100%; padding-left:205px; margin-top:-20px;}
.level02 .img3 img{ width:31.45%}
 

.level0301 .img img{ display:block; width:100%}
.level0301 .txt{ margin:0 auto; margin-top:-100px; max-width:890px; line-height:1.8}
.level0301 .txt h3{ text-align:center; font-size:40px; font-weight:normal; margin-bottom:14px;}
.level0301 .txt p{ text-indent:28px;}
.level0301 .downloada{ margin-top:110px; text-align:center}
.level0301 .downloada a{ display:inline-block; width:145px; height:50px; background-color:#68509f; border-radius:20px; line-height:50px; color:#fff; font-size:18px; border-bottom:4px solid #2e1e78}

.coursebox{ background:#fff ; background-size:cover}
.coursebox .weap {max-width: 1160px; margin: 0 auto;}
.course01{ padding-top:120px; padding-bottom:70px}
.course01 .img{ width:38.8%; float:left}
.course01 .img img{ display:block; width:100%}
.course01 .txt{ width:58.6%; float:right; padding-top:20px}
.course01 .txt .title{ font-size:28px; color:#333;}
.course01 .txt .title span{ font-size:60px; margin-left:10px}
.course01 .txt .p{ font-size:18px; line-height:2; color:#595959; text-indent:36px}

.course0101{ max-width:1040px; margin:0 auto; padding-top:20px; padding-bottom:115px}
.course0101 .img{ float:right; width:51.1%}
.course0101 .img img{ width:100%}
.course0101 .txt{ float:left; width:46.1%; font-size:18px; line-height:2; padding-top:54px}
  

.course0201{ padding-top:115px}
.course0201 li{margin-bottom:150px}
.course0201 .a{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; max-width:1110px; margin:0 auto }
.course0201 .a img{ width:100%}
.course0201 .a .imgs{ width:54.2%;margin-right:50px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.course0201 .a .imgs:hover{ transform:scale(1.05)}
.course0201 .txt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; line-height:2; padding-top:15px; text-align:justify}
.course0201 .txt p{ text-indent:28px;}
.course0201 .t{ width:31.65%;}
.course0201 .img{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; margin-left:-20px}

.train01 { padding-top:110px; padding-bottom:40px;}  
.train01 .img{ width:57.5%; float:left; position:relative}
.train01 .img:before{ content:""; display:block; background-image: linear-gradient(rgba(255,255,255,0.0),rgba(255,255,255,1)); position:absolute; z-index:2; left:0; right:0; bottom:0; height:150px;}
.train01 .img img{ display:block; width:100%}
.train01 .txt{ width:41%; float:right; padding-top:23px}
.train01 .txt .title{ font-size:28px; color:#000; margin-bottom:20px; line-height:1.1 }
.train01 .txt .title span{ font-size:60px; margin-left:10px}
.train01 .txt .p{ font-size:18px; line-height:2;  } 
.train01 .txt .p .fz14{ font-size:14px}

 
.train02 .weap{  margin:0 auto; position:relative}
.train02 .bd{ overflow:hidden; padding:55px 0; padding-bottom:150px}
.train02 ul li{ width:255px; float:left}
.train02 .a{ margin:0 20px; background-color:#fff; padding:10px; box-shadow:2px 30px 100px rgba(118,118,118,.2); border-radius:5px;}
.train02 .a img{ display:block; width:100%}
.train02 .a .txt{ text-align:right; font-size:12px; line-height:1.4; padding-top:.5vw}
.train02 ul li:nth-child(odd){transform-origin: bottom right;transform:rotate(-2deg);
-ms-transform:rotate(-2deg); 	/* IE 9 */
-moz-transform:rotate(-2deg); 	/* Firefox */
-webkit-transform:rotate(-2deg); /* Safari 和 Chrome */
-o-transform:rotate(-2deg); }
.train02 ul li:nth-child(even){transform-origin: bottom left;transform:rotate(2deg);
-ms-transform:rotate(2deg); 	/* IE 9 */
-moz-transform:rotate(2deg); 	/* Firefox */
-webkit-transform:rotate(2deg); /* Safari 和 Chrome */
-o-transform:rotate(2deg); }

.train02 .weap:before{ content:""; display:block; position:absolute; z-index:3; left:0;top:0; bottom:0; width:303px; background:url(../images/train02left.png) no-repeat left center; background-size:cover;pointer-events: none;}
.train02 .weap:after{ content:""; display:block; position:absolute; z-index:3;right:-2px;top:0; bottom:0; width:303px; background:url(../images/train02right.png) no-repeat right center; background-size:cover;pointer-events: none;}

.train03{ padding-top:70px; padding-bottom:70px}
.train03 .weap{ max-width:1080px; margin:0 auto}
.tabs{ text-align:right;   padding-right:50px}
.tabs a{ display:inline-block; vertical-align:bottom; font-size:18px; margin-left:25px; text-align:center; background-color:#38acf9; color:#fff; padding:10px 25px; border-radius:40px 40px 0  0; cursor:pointer; border-bottom:10px solid #38acf9;position:relative; bottom:-10px; z-index:1; font-style:italic}
.tabs a.active{z-index:3;}
.tabs a h3{ font-size:24px;}
.tabs a:nth-child(2){background-color:#a4c543;border-bottom:10px solid #a4c543;}
.tabs a:nth-child(3){background-color:#f5604e;border-bottom:10px solid #f5604e;}

.tablebox{ border:10px solid #fff; background-color:#38acf9; box-shadow:0 0 3vw rgba(0,0,0,.2); border-radius:50px}
.tablebox.tablebox1{background-color:#a4c543; }
.tablebox.tablebox2{background-color:#f56150; }

.tables{ color:#fff; padding:1.5vw 3vw}
.tables ul{ display:table; width:100%; border-bottom:1px solid rgba(255,255,255,.2)}
.tables ul:last-child{ border-bottom:none}
.tables li{ display:table-cell; font-size:14px; width:28.66%; text-align:center; padding:15px 0}
.tables li.w1{ border-right:1px solid rgba(255,255,255,.2); width:14%; text-align:left; font-size:18px}
.tables .ulth li{ font-size:28px; font-weight:bold}
.tables .ulth li.w1{font-size:18px; padding-left:10px; font-weight:normal}
.train03 .wybm{ text-align:right; padding-right:89px; margin-top:20px}
.train03 .wybm a{ display:inline-block; width:127px; height:50px; background:url(../images/ico-btn.png) no-repeat center; background-size:auto 100%; line-height:45px; text-align:left; padding-left:50px; font-size:18px; color:#fff}

.train0301{ padding-bottom:100px;}
.train0301 .img{ float:left; width:36.65%; padding-top:150px}
.train0301 .img img{ display:block; width:100%}
.train0301 .imgsbox{ float:right; width:54.3%; position:relative}
.train0301 .imgs{ width:63.5%; border:8px solid #fff; box-shadow:0 10px 30px rgba(0,0,0,.1); }
.train0301 .imgs img{ display:block; width:100%}
.train0301 .imgsbox .swiper-button-next,.train0301 .imgsbox .swiper-button-prev{ width:38px; height:52px; background-repeat:no-repeat; background-position:center; background-size:100%}
.train0301 .imgsbox .swiper-button-next{ background-image:url(../images/ico-jtr.png); right:0;}
.train0301 .imgsbox .swiper-button-prev{ background-image:url(../images/ico-jtl.png); left:0}
.train0301 .imgsbox .swiper-button-next:after,.train0301 .imgsbox .swiper-button-prev:after{ display:none}

.train0302{ text-align:center; padding-top:100px; padding-bottom:120px}
.train0302 .img{ width:756px; max-width:100%; position:relative; margin-left:13.4%; margin-bottom:35px}
.train0302 .img img{ width:100%}
.train0302 .img i{ display:block; position:absolute; z-index:2; left:0;top:0; width:31.6%}
.train0302 .p{ font-size:28px;} 

.train04{ padding-top:120px} 
.train04 .weap{ width:700px; margin:0 auto}
.train04 .a{ overflow:hidden; color:#333}
.train04 .a .img{ float:left; width:57.5%}
.train04 .a .img img{ display:block; width:100%}
.train04 .a .txt{ float:left; width:51%; padding-top:190px; margin-left:-8.5%}
.train04 .a .txt h3{ font-size:18px; font-weight:normal; margin-bottom:25px; padding-left:28px}
.train04 .a .txt h3 span{ font-size:40px; margin-right:20px}
.train04 .a .txt .p{ font-size:14px; text-indent:28px}
.train04 .swiper-pagination-bullet{ width:10px; height:10px; margin:0 5px !important;  }
.train04 .swiper-pagination-bullet-active{ background-color:#e5c42b !important}
.train04 .swiper-pagination{ bottom:0 !important; position:static !important; margin-top:55px !important}
 
.join0201 img{ max-width:100%}

.join0101{ padding-top:130px; padding-bottom:30px}
.join0101 .img{ width:39.2%; float:left; padding-top:45px}
.join0101 .img img{ width:100%}
.join0101 .txt{ float:right; width:59%}
.join0101 .txt h3{ font-size:60px; line-height:1.1; font-weight:normal; color:#000; margin-bottom:20px}
.join0101 .txt .p{ font-size:18px; line-height:2}
.join0101 .txt .p p{ text-indent:36px;}

.join0201{ padding-top:30px; padding-bottom:70px;}
 
.join0301{ padding-top:70px; padding-bottom:70px;}
.join0301 .hd img{ width:31%; display:block; margin-left:58%}
.join0301 .bd{ margin-top:-170px;}
.join0301 .bd li{ width:41.38%; float:left;}
.join0301 .bd li:hover img{ transform:scale(1.05)}
.join0301 .bd li:nth-child(even){ float:right}
.join0301 .bd li img{ width:100%;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.join0301 .bd li:nth-child(2){ padding-top:360px}
.join0301 .bd li:nth-child(3){ padding-top:100px}

.join04{ margin-bottom:100px; padding-top:70px;} 
.join04 .hd{ text-align:center; font-size:40px;  margin-bottom:70px}
.join04 ul{ font-size:0}
.join04 li{ display:inline-block; vertical-align:top; width:33.33%; margin-bottom:44px} 
.join04 li .libox{ width:270px; margin:0 auto; max-width:100%;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.join04 li .libox:hover{ transform:scale(1.05)}
.join04 .num{ width:98px; float:left; padding-top:20px;}
.join04 .num img{ display:block; width:100%}
.join04 .title{   text-align:center; padding-left:10px}
.join04 .title span{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;margin:0 auto; width:115px; height:115px; text-align:center; border-radius:50%; background-color:#7ec3ca;-webkit-justify-content:center;justify-content:center; font-size:36px; color:#fff; font-weight:bold; line-height:1.2}
.join04 .title.fz36 span{ font-size:30px}	
.join04 .title.fz22 span{ font-size:19px}	
.join04 .p{ font-size:14px; width:100%; clear:both; text-indent:28px; margin-top:30px;  }
.join04 li:last-child{ padding-bottom:0; background:none}
.join04 li:nth-child(2) .title span{ background:#a1c440}
.join04 li:nth-child(3) .title span{ background:#994c92}
.join04 li:nth-child(4) .title span{ background:#e26d68}
.join04 li:nth-child(5) .title span{ background:#e07aa5}
.join04 li:nth-child(6) .title span{ background:#f5bb29}
.join04 li:nth-child(7) .title span{ background:#1da292}
.join04 li:nth-child(8) .title span{ background:#606e9f}
.join04 li:nth-child(9) .title span{ background:#eacb3a} 


.join05 .weap{   margin:0 auto;color:#333}
.join05 .hd{ text-align:center; font-size:40px; margin-bottom:50px; }
.join05 .bd ul{ overflow:hidden}
.join05 .bd li{ float:left; width:21%; margin:0 2%}
.join05 .bd li .t{ margin-bottom:15px; padding:10px 20px; min-height:64px;  }
.join05 .bd li .t:after{content:""; display:block;width: 0; height: 0; border-top: 5px solid transparent; border-right: 10px solid #e9f6f7; border-bottom: 5px solid transparent; position:absolute; z-index:1; left:-10px;top:50%; margin-top:-5px;}
.join05 .bd li>div{padding:10px 10px; border-radius:10px; position:relative; text-align:justify}
.join05 .bd li .b{margin-bottom:80px; color:#fff; background-color:#24a2b1; line-height:1.95;min-height:64px;}
.join05 .bd li .b:after{content:""; display:block;width: 0; height: 0; border-top: 5px solid transparent; border-left: 10px solid #24a2b1; border-bottom: 5px solid transparent; position:absolute; z-index:1; right:-10px;top:25px;} 

.join05 .bd li .t.bg01{ background-color:#e9f6f7}
.join05 .bd li .t.bg01:after{ border-right: 10px solid #e9f6f7;}
.join05 .bd li .t.bg02{ background-color:#fdefed}
.join05 .bd li .t.bg02:after{ border-right: 10px solid #fdefed;}
.join05 .bd li .t.bg03{ background-color:#f4ecf3}
.join05 .bd li .t.bg03:after{ border-right: 10px solid #f4ecf3;}
.join05 .bd li .t.bg04{ background-color:#e8f6f2}
.join05 .bd li .t.bg04:after{ border-right: 10px solid #e8f6f2;}
.join05 .bd li .t.bg05{ background-color:#f8edf1}
.join05 .bd li .t.bg05:after{ border-right: 10px solid #f8edf1;}
.join05 .bd li .t.bg06{ background-color:#fcf8eb}
.join05 .bd li .t.bg06:after{ border-right: 10px solid #fcf8eb;}

.join05 .bd li .b.bg02{ background-color:#e35151}
.join05 .bd li .b.bg02:after{ border-left: 10px solid #e35151}
.join05 .bd li .b.bg03{ background-color:#994c92}
.join05 .bd li .b.bg03:after{ border-left: 10px solid #994c92}
.join05 .bd li .b.bg04{ background-color:#1daa80}
.join05 .bd li .b.bg04:after{ border-left: 10px solid #1daa80}
.join05 .bd li .b.bg05{ background-color:#bd5274}
.join05 .bd li .b.bg05:after{ border-left: 10px solid #bd5274}
.join05 .bd li .b.bg06{ background-color:#f5bb29}
.join05 .bd li .b.bg06:after{ border-left: 10px solid #f5bb29}

/*弹出课程*/
.popcourse{ width:860px; margin:0 auto; overflow:hidden; background-color:#fff; border-radius:40px; padding:70px 170px; position:relative; z-index:2}
.popcourse .icos{ overflow:hidden; margin-bottom:35px}
.popcourse .icos .t{ float:left; width:36.5%}
.popcourse .img{ float:left; width:67%; margin-left:-3.5% }
.popcourse img{ width:100%}
.popcourse .ps{ line-height:2; text-align:justify}
.popcourse .ps p{ text-indent:28px;}
.popcourse .txt{ width:40%; float:left;  padding-top:70px}
.popcourse .txt h3{ font-size:40px; font-weight:normal; color:#38acf9; margin-bottom:20px; line-height:1.1}
.popcourse .txt .tag{ margin-bottom:1.3vw}
.popcourse .txt .tag span{ font-size:18px; display:inline-block; vertical-align:middle; line-height:32px; padding:0 15px; border-radius:15px; background-color:#daf3ff; color:#28a8e3; margin-right:10px}
.popcourse .txt .ps .t{ font-size:18px; margin-bottom:5px;q color:#333}
.popcourse .txt .ps p{ font-size:14px}
 
.popcourse.green .txt h3{ color:#a9cb45}
.popcourse.green .txt .tag span{ background:#f5ffd9;color:#a9cb45}
.popcourse.red .txt h3{ color:#ff614f}
.popcourse.red .txt .tag span{ background:#ffd6d1;color:#ff614f}

.poptrain{ width:1080px; margin:0 auto}
.poptrain .tablebox{  overflow:hidden; width:1080px}

/*下载*/
.popdownload{ width:860px; margin:0 auto; overflow:hidden; background-color:#fff; border-radius:3vw; padding:20px 50px; }
.popdownload ul{ margin-bottom:1.5vw}
.popdownload li{ border-bottom:2px solid #f9f9f9}
.popdownload li a{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; padding:15px 0}
.popdownload li .ico{ width:24px; height:20px;flex:0 0 24px; background:url(../images/ico-d.png) no-repeat center; background-size:100%}
.popdownload li .txt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;}
.popdownload li .txt h3{ font-size:18px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; line-height:1.1; margin-bottom:5px}
.popdownload li .txt .date{ font-size:14px}

/*新闻内容*/
.popnewspage{ width:860px; margin:0 auto; overflow:hidden;  border-radius:40px; padding:0 10px; position:relative; padding-top:84px; background:#fff url(../images/ico-07.png) no-repeat center 10px; background-size:80px; padding-bottom:20px }
.popnewspage .popclose{ position:absolute; z-index:1; right:30px;top:30px; background:url(../images/ico-close02.png) no-repeat center; background-size:100%; width:32px; height:32px; margin-top:0}
.popnewspage .bdscroll{ height:65vh; overflow-y:auto}
.popnewspage .bdscroll::-webkit-scrollbar{width: 10px; height: 10px; background-color: #F5F5F5;} /*定义滚动条轨道 内阴影+圆角*/
.popnewspage .bdscroll::-webkit-scrollbar-track{box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; background-color: #F5F5F5;} /*定义滑块 内阴影+圆角*/
.popnewspage .bdscroll::-webkit-scrollbar-thumb{border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .1); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1); background-color: #c8c8c8;}
.popnewspage .title{ text-align:center; font-size:28px; color:#333; margin-bottom:25px}
.popnewspage .conn{ font-size:14px; overflow:hidden; padding:0 10px; line-height:1.8}
.popnewspage .conn img{ max-width:100%; height:auto !important}

/*留言*/
.popmessage{ width:860px; margin:0 auto; background-color:#fff; padding:35px; padding-bottom:0px;  border-radius:40px; position:relative; z-index:2}
.popmessage .title{ text-align:center; margin-bottom:35px; font-size:18px}
.popmessage .title h3{ display:inline; font-size:28px; color:#2b9eeb; font-weight:normal; margin-right:5px}
.popmessage li{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; float:left; width:100%; margin-bottom:18px}
.popmessage li .input{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.popmessage li .intext{ width:100%; height:42px; font-size:14px; line-height:40px; padding:0 5px; border:1px solid #818181; border-radius:5px}
.popmessage li .t{ width:75px; text-align:right; flex:0 0 75px; line-height:42px; font-size:18px}
.popmessage li .t em{ display:inline-block; width:6px; height:6px; background-color:#ff0000; border-radius:50%; vertical-align:middle; margin-right:5px}
.popmessage .left{ float:left; width:45%}
.popmessage .right{ float:right; width:45%}
 
.popmessage li .intextarea{ width:100%; height:132px;  padding:8px; border:1px solid #818181; border-radius:5px; font-size:14px}
.popmessage li.w100{ padding-left:75px}
.popmessage li.tis{ font-size:14px; margin-top:-10px; display:block; color:#aaaaaa}
.popmessage li.tis a{ font-size:14px; color:#aaaaaa}
.popmessage li.tis:before{ content:"!"; width:18px; height:18px; display:inline-block; vertical-align:middle; border-radius:50%; background-color:#2b9eeb; text-align:center; line-height:18px; color:#fff; position:relative; margin-right:5px;top:-2px}
.popmessage li.libtn{ text-align:center; padding-left:0}
.popmessage li .inbtn{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; margin:0 auto; cursor:pointer; width:182px; height:48px; line-height:48px; display:block; border:none; background-color:#2b9eeb; color:#fff; font-size:18px; border-radius:20px}
.popmessage li .inbtn:hover{transform:scale(1.1);}
.index05 .bd .mbd{ display:none}
.index05 .bd .mbd img{ display:block; width:100%}

.newspage{ padding-top:95px; padding-bottom:140px}
.newspage .goto{ text-align:right; margin-bottom:45px; padding:0 40px}
.newspage .goto a{ display:inline-block; width:140px; text-align:center; line-height:36px; height:36px; background-color:#e5e5e5; font-size:18px; border-radius:36px}
.newspage .goto a:before{ content:""; display:inline-block; width:17px; height:13px; vertical-align:middle; background:url(../images/ico-goto.png) no-repeat center; background-size:100%; margin-right:10px; position:relative;top:-2px}
.newspage .goto a:hover{ background-color:#3fb2fd; color:#fff}
.newspage .goto a:hover:before{background:url(../images/ico-gotoh.png) no-repeat center; background-size:100%; }
.pagebox{ margin:0 40px; background-color:#fff; border-radius:30px; box-shadow:0 0 45px rgba(0,0,0,.09); padding:110px; margin-bottom:110px; position:relative}
.pagebox:before{ content:""; display:block; width:84px; height:80px; position:absolute; z-index:2;top:10px; background:url(../images/ico-07.png) no-repeat center; background-size:100%; left:50%; margin-left:-42px;}
.pagebox h1.title{ text-align:center; font-size:30px; font-weight:normal; line-height:1.3; margin-bottom:20px}
.pagebox .conn{ overflow:hidden; line-height:2; font-size:16px}
.pagebox .conn a{ font-size:16px}
.pagebox .conn img{ max-width:100%; height:auto !important}
.pagebox .prevnext{ margin-top:110px; text-align:right}
.pagebox .prevnext a{ display:inline-block;width:140px; text-align:center; line-height:36px; height:36px; background-color:#e5e5e5; font-size:18px; border-radius:36px; margin-left:40px}
.pagebox .prevnext a:hover{ background-color:#3fb2fd; color:#fff}

.pagetuij .hd02{ text-align:center; font-size:28px; margin-bottom:18px}
.pagetuij .indexnews{ margin:0 50px; padding:0 1.2vw; position:relative; }
.pagetuij .indexnews .swiper-container{ padding:2vw 1.2vw; padding-bottom:2vw;}
.pagetuij .indexnews a{display:block; margin:0 50px; transform:rotate(0deg);
-ms-transform:rotate(0deg);/* IE 9 */
-moz-transform:rotate(0deg);/* Firefox */
-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
-o-transform:rotate(0deg); border-radius:10px}
.pagetuij .indexnews a:hover{ transform:scale(1.04)}
.pagetuij .indexnews a .img{ margin-bottom:10px; padding:10px; background-color:#fff;border-radius:10px; box-shadow:0 0 20px rgba(0,0,0,.1); }
 
.pagetuij .indexnews a img{ display:block; width:100%; }
.pagetuij .indexnews a h3{ font-size:18px; font-weight:normal; height:56px; overflow:hidden;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2; text-align:left}
.pagetuij .indexnews .swiper-button-next,.pagetuij .indexnews .swiper-button-prev{ width:3.5vw; height:4.5vw; background-repeat:no-repeat; background-position:center; background-size:100%}
.pagetuij .indexnews .swiper-button-prev{ background-image:url(../images/ico-prev02.png); left:-5vw}
.pagetuij .indexnews .swiper-button-next{ background-image:url(../images/ico-next02.png); right:-5vw}
.pagetuij .indexnews .swiper-button-next:after,.pagetuij .indexnews .swiper-button-prev:after{ display:none}

.pagetuij .indexnews .swiper-slide-prev a{transform-origin: bottom right;transform:rotate(-4deg);
-ms-transform:rotate(-4deg); 	/* IE 9 */
-moz-transform:rotate(-4deg); 	/* Firefox */
-webkit-transform:rotate(-4deg); /* Safari 和 Chrome */
-o-transform:rotate(-4deg); }
.pagetuij .indexnews .swiper-slide-prev a:hover{transform:rotate(-4deg) scale(1.03);
-ms-transform:rotate(-4deg) scale(1.05); 	/* IE 9 */
-moz-transform:rotate(-4deg) scale(1.05); 	/* Firefox */
-webkit-transform:rotate(-4deg) scale(1.05); /* Safari 和 Chrome */
-o-transform:rotate(-4deg) scale(1.05);}
.pagetuij .indexnews .swiper-slide-next a{transform-origin: bottom left;transform:rotate(4deg);
-ms-transform:rotate(4deg); 	/* IE 9 */
-moz-transform:rotate(4deg); 	/* Firefox */
-webkit-transform:rotate(4deg); /* Safari 和 Chrome */
-o-transform:rotate(4deg); }
.pagetuij .indexnews .swiper-slide-next a:hover{transform:rotate(4deg) scale(1.03);
-ms-transform:rotate(4deg) scale(1.05); 	/* IE 9 */
-moz-transform:rotate(4deg) scale(1.05); 	/* Firefox */
-webkit-transform:rotate(4deg) scale(1.05); /* Safari 和 Chrome */
-o-transform:rotate(4deg) scale(1.05);}

.about01{ padding-top:140px; padding-bottom:70px;}
.about01 .weap{ max-width:1065px;}
.tab-hd{ text-align:center; margin-bottom:60px}
.tab-hd ul{ display:inline-block; height:60px; border:5px solid #38adfa; border-radius:60px; }
.tab-hd ul li{ float:left;width:175px; text-align:center; height:50px; position:relative}
.tab-hd ul li span{ display:block; height:55px; position:absolute; z-index:2; left:-4px; right:-4px;top:-1px; bottom:-5px; line-height:50px; font-size:18px; color:#38adfa; border-radius:50px; cursor:pointer }
.tab-hd ul li.on span{ background-color:#38adfa; color:#fff;border-bottom:5px solid #1b96cf;}

.about01 .tab-bd .sub{ font-size:18px; color:#595959; line-height:2; text-align:justify}
.about01 .tab-bd .sub p{ text-indent:36px}

.about02{ padding-top:70px; 
    /* padding-bottom:140px; */
}
.about02 .bd ul{ margin:0 -20px; font-size:0}
.about02 .bd li{  vertical-align:top; width:50%; margin-bottom:60px; font-size:14px;float: left;}
.about02 .bd li .a{ margin:0 20px; box-shadow:0 10px 20px rgba(0,0,0,0.3) }
.about02 .bd li .a img{ display:block; width:100%;max-height: 307px;}

@media(max-width:1920px){
.pagetuij .indexnews{ margin:0 5.3vw; padding:0 1.2vw;}	
.curve{ height:58px}
.pagetuij .indexnews a{  margin:0 35px;}
}
@media(max-width:1150px){
.bannerbox{ height:auto; background:none}	
.banner,.banner .item{ height:70vw;}	
.bannerbox .aly{ margin-left:-30%;top:71%}
.bannerbox .aly .ico{ width:10vw;border: 2px solid #fff; margin:0 auto}
.bannerbox .aly .txt{ font-size:3vw; line-height:1.1}
.bannerbox .aly .txt p{ margin-top:1vw}
	
.index01{ padding:30px 0}	
.index01 .hd{ padding-left:50px; margin-bottom:40px; margin-left:30px}	
.index01 .hd .txt01{ display:block; font-size:16px; line-height:1.2; margin-bottom:5px}
.index01 .hd .txt01 .p2{ font-size:20px}
.index01 .hd .txt02{ font-size:12px; display:block}
.index01 .hd .ico{ left:-20px;top:-20px; width:70px}
.index01 .bd li .a:hover .txt{ color:#333}
.index01 .bd li{ float:none; width:auto;  min-height:90px}
.index01 .bd li .a{ height:auto; padding-top:0;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.index01 .bd li .a:hover{ background:none !important}
.index01 .bd li .ico{ width:70px}
.index01 .bd li .txt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; text-align:left; padding-left:10px}
.index01 .bd li .txt h3{ font-size:18px; }
.index01 .bd li .txt .p1{ font-size:16px; opacity:1; display:none}
.index01 .bd li .txt .p2{ margin-bottom:0}
.index01 .bd li .txt .p2 span{ display:inline; font-size:12px}

.index02 .hd{ font-size:20px; margin-bottom:10px}
.index02 .newshot img{ border:5px solid #fff; border-radius:10px; }
.index02 .newshot a{ margin:0 auto;border-radius: 10px; box-shadow: 0 0 4.2vw rgba(139,116,5,.5); width:95%}

.index02{ height:auto; padding-top:19vw; margin-bottom:55px}
.index02 .newshot{ margin-bottom:20px}
.index02 .hd02{ font-size:20px; margin-bottom:10px}
.index02 .newshot a .ico-pay{ width:32px; height:32px; right:10px; bottom:10px}
.index02 .hd span{ font-size:14px; margin-top:5px}
.index02 .indexnews a .img{ padding:5px; border-radius:5px}
.index02 .indexnews a h3{ font-size:13px; color:#fff; height:34px; line-height:1.4}
.index02 .indexnews a{ margin:0 2.8vw}
.indexmore a{ background-color:#eee !important; height:32px; line-height:32px; color:#333 !important; width:auto !important; padding:0 20px; border-radius:32px; font-size:13px}
.index02 .indexnews .swiper-button-next{ right:-5vw}
.index02 .indexnews .swiper-button-prev{ left:-5vw}
.index02 .indexnews .swiper-button-next, .index02 .indexnews .swiper-button-prev{ width:4.5vw; height:5.5vw}
.index02 .indexnews{ margin-bottom:5vw}
.index02 .indexmore{ position:relative; bottom:-10px}

.index03{ padding-top:30px}
.index03 .bd a{ border-radius:10px;    border: 4px solid #38acf9; padding-right:20px; min-height:100px}
.index03 .bd li:nth-child(2) a{border: 4px solid #a4c543;}
.index03 .bd li:nth-child(3) a{border: 4px solid #f55e4c;}
.index03 .hd h3{ font-size:20px; margin-bottom:5px}
.index03 .hd .p{ font-size:14px}
.index03 .hd{ margin-bottom:15px}
.index03 .bd a .txt { padding-bottom:40px; padding-top:10px}
.index03 .bd a .txt .title h3{ font-size:16px}
.index03 .bd a .txt .title span{ font-size:12px}
.index03 .bd a .txt .num{ font-size:14px}
.index03 .bd a .txt .num i{ width:10px; height:20px;}
.index03 .bd a .txt .p{ font-size:12px}
 
.index03 .bd .more span{ font-size:13px; width:100px; height:40px; line-height:35px; padding-left:42px}
.index03 .bd a .txt .title{ margin-bottom:10px}
.index03 .bd .more span i{ font-size:10px;}
.index03 .bd .hot{  width:50px; right:10px;top:10px}
.index03 .bd a .txt .num{ margin-bottom:2px}
.index03 .bd li{ margin-bottom:10px}
.index03 .bd{ margin-bottom:15px}
.index03 .bd li:hover{transform: scale(1);}

.index04{ padding:30px 0; padding-top:40px}
.index04 li{ position:static; width:33.33%; float:left; margin-bottom:30px;}
.index04 li .icobox{ width:70px !important; height:70px !important; margin:0 auto; margin-bottom:10px; padding:5px}
.index04 .bd{ height:auto}
.index04 .bd ul{ overflow:hidden; padding-top:10px}
.index04 li .txt h3{ font-size:16px}
.index04 li .txt .p{ font-size:12px}

.index05{ padding-top:40px; padding-bottom:30px}
.index05 .img li .txt span{ font-size:12px}
.index06 .weap .flogo img{ width:70px}
.index06 .weap .flogo{ position:static; margin-top:-10px}
.index06{ padding:20px 0}

.lanmumain{ padding:20px 0}
.newsbox{ padding-top:0; }
.newsearch{max-width:300px;border: 3px solid #38adfa;margin-bottom:25px}
.newsearch .intxt{ height:30px; border:none; font-size:14px; padding-left:10px; padding-right:40px;border-radius:32px;}
.newsearch .inbtn{ width:32px}
.newslist li{ width:44%; margin-bottom:5vw}
.newslist li .img{ padding:4px; border-radius:3px; margin-bottom:5px; height:55vw}
.newslist li a h3{ height:auto; font-size:14px; line-height:1.4; height:38px}

.newsempty{ font-size:14px; margin-top:20px}

.activitybox{ margin-top:-20px}
.activity01 .hd .ico img{ width:30px}
.activity01{ padding-top:10px; position:relative} 
.activity01 .hd h3{ font-size:28px; margin-bottom:10px; text-indent:28px}
.activity01 .hd .p{ font-size:14px; text-align:justify; line-height:1.6; text-indent:28px}
 
.activity02 .bd .txt{ padding-left:0; width:58%; text-align:justify; padding-top:10px}
.activity02 .bd .txt h3,.activity02 .bd .img h3{ font-size:18px; padding:0 15px; height:40px; line-height:40px; margin-bottom:15px}
.activity02 .bd .img h3{ display:block}
.activity02 .bd .txt h3{ display:none} 
.activity02 .bd .txt .p{ font-size:14px; line-height:1.6; text-indent:28px;}
.activity02 .bd .img{ padding-top:10px; text-align:center}
.activity03 .bd .img{ width:40%; text-align:center}
.activity03 .bd .txt{ width:57%; padding-top:0}
.activity03 .bd .txt h3,.activity03 .bd .img h3{ font-size:18px; padding:0 15px; height:40px; line-height:40px; margin-bottom:15px}
.activity03 .bd .img h3{ margin-bottom:0; display:block}
.activity03 .bd .txt h3{ display:none}
.activity03 .bd .txt .p{ font-size:14px; line-height:1.6; text-indent:28px}

.activity02 .bd p.m{ display:block; font-size:22px; margin-top:10px }
.activity03 .bd p.m{ display:block;font-size:22px;margin-top:10px }

.activity03 .bdimg{ height:190px}
.activity03 .bdimg li{ width:160px}
.activity03 .bdimg{ padding-top:40px}

.activity02{ padding:20px 0}
.activity03{ margin-bottom:20px}
.repertoire01{ padding:20px 0}
.repertoire01 .weap{ display:block; overflow:hidden} 
.repertoire01 .weap .txt{ float:none; width:auto; padding-top:0; margin-top:-40px}
.activity03 .bd{ margin-bottom:30px}

.repertoire01 .weap .ico{ width:60%; margin:0 auto; float:none}
.repertoire01 .weap .title{ font-size:16px;  margin-left:0; margin-bottom:10px}
.repertoire01 .weap .p{ width:100%; padding-left:0; font-size:14px; line-height:1.6; text-indent:28px}
.repertoire02{ padding-top:0; padding-bottom:20px}

.repertoire03{ padding-top:15px; padding-bottom:15px}
.repertoire03 .hd img{ width:136px}
.repertoire03 .hd{ margin-bottom:50px}

.repertoire03 .bd .title .ico img{ border-radius:30px}
.repertoire03 .bd li{ width:300px; margin:0 auto; float:none; margin-bottom:35px}
.repertoire03 .bd .title{ height:195px; padding:0 10px}
.repertoire03 .bd .dmore{ width:30px; height:30px}
.repertoire03 .bd .title .p2{ font-size:14px; line-height:1.4; padding:0 30px; text-align:center} 
.repertoire03 .bd .title h3{ font-size:18px; margin-bottom:5px}
.repertoire03 .bd .title .p1{ font-size:14px; margin-bottom:5px}
.repertoire03 .bd .title .ico{ width:80px; margin-top:-20px; margin-bottom:5px}
.repertoire03 .bd .sub .upmore{width:30px; height:30px}
.repertoire03 .bd .sub{ margin:0 5px; padding:30px 10px 10px 10px;}
.repertoire03 .bd .sub:after{ height:15px; top:-15px}

.repertoire004 .hd{ margin-bottom:80px}
.repertoire004 .hd img{ width:126px}
.repertoire004 .bd li{ min-height:100px; display:block; float:left; width:33.33%; margin:0; padding-top:1px; border-radius:10px}
.repertoire004 .bd .ico{ width:60px; height:60px; margin-top:-46px}
.repertoire004 .bd .p{ font-size:12px}
.repertoire004 .bd .ms{ margin:0; padding:5px}

.repertoire004 .bd .ico span{ font-size:14px}
.repertoire004 .bd .ico:after{width:60px; height:60px; border:4px solid #fff;border-radius: 20px;}
.repertoire004 .bd .ms{ font-size:12px; margin-top:10px}
.repertoire004{ padding-bottom:20px; padding-top:0px}

.level03{ padding-top:30px}

.level03 .hd h3{ font-size:22px; margin-bottom:10px} 
.level03 .hd { margin-bottom:15px}
.level03 .hd .p{ font-size:14px; text-align:justify}
.level03 .bd li{ width:22vw; font-size:2vw; padding-bottom:5vw}
.level03 .bd li .txt{ height:30vw; padding-top:2vw}
.level03 .bd li:after{ width:4vw; height:4vw; margin-left:-2vw;    border: 2px solid #fff;}
.level03 .bd li:nth-child(1){ bottom:-1vw; left:-2vw}
.level03 .bd li:nth-child(2){ bottom:3vw}
.level03 .bd li:nth-child(3){top:0}

.level03 .bd li .txt .p1 span{ font-size:4vw}
.level03 .bd li .txt .p1{ font-size:2vw}
.level03 .bd li .txt .p3 span{ font-size:3.5vw}
.level03 .bd{ height:48vw}
.level03 .downloada{ margin-top:25px}
.level03 .downloada a{ font-size:14px; height:32px; line-height:32px; padding:0 15px}

 
.poptrain{ width:98%}
.popcourse{ width:90%; padding:25px 20px; border-radius:10px;}
.popcourse .img{float: left; width: 71.5%; margin-left: -3%; margin-right: 0;}
.popcourse .icos .t{ width:31.5%}
.popcourse .icos{ margin-bottom:10px}

.index05 .bd .img.pc{ display:none}
.index05 .bd .mbd{ display:block; padding-bottom:30px}
.index05 .more:before{ width:25px; height:25px}

.popmessage{width:90%; padding:20px 40px; border-radius:10px}
.popmessage .title h3{ font-size:18px}
.popmessage .title{ font-size:14px}
.popmessage li .t{ font-size:14px; line-height:36px}
.popmessage li .intext{ height:36px; line-height:34px}


.repertoire02 .bd:before{width:21vw}
.repertoire02 .bd:after{ width:21vw} 

 
.level01 .txt h4{ font-size:16px;}
.level01 .txt h3{ font-size:28px; margin-bottom:10px}
.level01 .txt .p{ font-size:14px; text-align:justify}

.level01{ padding-top:10px; padding-bottom:20px}
.level01 .txt{ float:none; width:auto; padding-top:10px}
.level01 .img{ margin-right:0; margin-left:0; float:none; width:60%; margin:0 auto}
.level01 .txt .p p{ text-indent:28px}

.level02{ padding:20px 0}
.level02 .img{ width:30%}
.level02 .img img{ width:100%}
.level02 .txt{ font-size:14px; }
.level02 .txt h3{ font-size:22px}
.level02 .year{ font-size:28px; margin-bottom:15px}
.level02 .year i{ font-size:58px}
.level02 .year span{ font-size:70px;}
.level02 .txt .p{ font-size:16px}

.course01{ padding:20px 0}
.course01 .txt .title{ font-size:16px; margin-bottom:10px}
.course01 .txt .p{ font-size:14px;  }
.course01 .img{ width:60%; float:none; margin:0 auto}
.course01 .txt{ width:auto; float:none; padding-left:20px; padding-right:20px}
.course01 .txt .title span{ font-size:28px; margin-left:10px; }

.course02 .a .img{ width:55%; overflow:hidden  } 
.course02 .a .txt h3{ font-size:22px; margin-bottom:10px  } 
.course02 .a .txt .tag span{ font-size:12px; margin-right:10px;padding:0 10px; border-radius:10px; height:30px; line-height:30px}
.course02 .a .txt .ps .t{ font-size:16px}
.course02 .a .txt .ps{ font-size:14px; clear:both; padding:0 20px}
.course02 .a .txt .ps .p{ float:none; width:auto; margin-bottom:10px}
.course02 li{ margin-bottom:10px}  
.course02 .a .txt{ float:none; width:auto; margin-left:0; padding-top:30px; text-align:left}

.join01 .hd h3{ font-size:28px; display:block}
.join01 .hd{ font-size:16px; margin-bottom:10px; text-align:center; padding-left:20px; padding-right:20px}
.join01 .bd{ font-size:14px; text-align:justify; padding-left:20px; padding-right:20px; }
.join01 .join01item{ margin-bottom:25px}


.join03 .hd{ font-size:20px; margin-bottom:15px; padding-left:20px; padding-right:20px}
.join03 .bd{ font-size:14px; text-align:justify; padding-left:20px; padding-right:20px;}
.join03 .li{ margin-bottom:20px}
.join03{ margin-bottom:20px}

.join04{ margin-bottom:30px}
.join04 .hd{ font-size:28px; margin-bottom:20px}
.join04 .num{ width:40px} 
.join04 .title{ text-align:left; overflow:hidden; padding-left:30px}
.join04 .title span{ width:60px; height:60px; font-size:18px; margin:0;  }
.join04 .title.fz22 span{ font-size:12px}
.join04 .title.fz36 span{ font-size:16px}
.join04 .p{ font-size:14px}
.join04 li .libox{ padding:0 10px;}
.join04 ul{ padding:0 10px}
.join04 li{ width:50%;}
.join05 .bd li .t{ margin-left:20px; margin-right:20px; margin-bottom:10px; padding:10px}
.join05 .bd li .b{ margin-right:20px; margin-left:20px; margin-bottom:10px; padding:10px; line-height:1.8}
.join05 .hd{ font-size:28px; margin-bottom:15px}

.join05 .bd li{ float:none; width:auto;}

.train01 .weap{ padding-top:0; padding-bottom:10px}
.train01 .txt .title{ font-size:16px; margin-bottom:10px}
.train01 .txt .title span{ font-size:28px}
.train01 .txt .p{ font-size:14px; text-align:justify}
.train01 .txt{ width:auto; float:none; padding-top:10px; }
.train01 .txt .p p{ margin-bottom:5px}
.train01 .txt .p{ line-height:1.6}
.train02{ padding:20px 0}
.train02 .a .txt{ padding-top:5px}
.train02 .weap:before{ width:23vw}
.train02 .weap:after{ width:23vw}

.tables li.w1{ width:16%; font-size:12px}
.tables li{ font-size:12px}
.tables .ulth li{ font-size:14px}
.tables .ulth li.w1{ font-size:12px}
.tabs a h3{ font-size:14px}
.tabs a .p{ font-size:12px}

.train03{ padding:30px 0; padding-top:0}
.train04{ padding-bottom:20px; padding-top:20px}
.train04 .a .txt{ width:58%; padding-top:25vw}
.train04 .a .img{ width:50%}
.train04 .a .txt h3{ font-size:12px; margin-bottom:5px}
.train04 .a .txt h3 span{ font-size:18px; margin-right:10px}
.train04 .a .txt .p{ font-size:14px}

.train04 .swiper-pagination-bullet{ width:8px; height:8px; border-radius:50%; margin:0 5px}
.popmessage li{ margin-bottom:10px}
.popmessage .title{ margin-bottom:15px}
.popmessage .left{ float:none; width:auto}
.popmessage .right{ float:none; width:auto}
.popmessage li .t{ width:53px;flex:0 0 53px; text-align:right}
.popmessage li.tis{ padding-left:53px; font-size:12px; line-height:1.4}
.popmessage li.tis a{ font-size:12px}
.popmessage li.tis:before{top:-2px}
.popmessage li .inbtn{ font-size:14px; width:100%; height:36px; line-height:36px; border-radius:5px;}
.popmessage li.libtn{ padding-left:53px}


.popdownload{ width:90%; padding:10px}
.popdownload li .txt h3{ font-size:14px; margin-bottom:5px}
.popdownload li .txt .date{ font-size:12px; color:#999}
.popdownload li .ico{ width:16px; height:16px; flex:0 0 16px}
.popdownload ul{ margin-bottom:10px}

.popnewspage{width:90%; padding:10px; padding-top:40px; background: #fff url(../images/ico-07.png) no-repeat center 5px; background-size:25px; border-radius:10px}
.popnewspage .title{font-size:16px; margin-bottom:5px; line-height:1.4}
.popnewspage .conn{font-size:14px; line-height:1.8}
.popnewspage .popclose{width:20px; height:20px; right:10px;top:10px; background-size:70%}
.poptrain .tablebox{width:95vw;}
.tablebox{border: 4px solid #fff; border-radius:10px}
.tabs{padding-right:4vw}
.tabs a{font-size:16px; padding:5px 10px; margin-left:5px; border-radius:10px 10px 0 0; border-bottom: 4px solid #38acf9; bottom:-4px}
.tabs a:nth-child(2){border-bottom: 4px solid #a4c543;}
.tabs a:nth-child(3){border-bottom: 4px solid #f5604e;}
.index01 .bd li .a .txt{ margin-top:0; max-width:100%}
.index01 .bd li .a:hover .ico{transform: scale(1);}
.popenroll .txt .p{ font-size:14px}
.popenroll .txt .title{ margin-bottom:15px}

.popdownload li a{ padding:10px 0;}

.levelbox .weap{ padding-left:30px !important; padding-right:30px !important}

.train01{ padding-top:10px; padding-bottom:30px}
.train01 .img{ width:50%; margin:0 auto; float:none}

.train03 .wybm a{font-size: 13px; width: 100px; height: 40px; line-height: 35px; padding-left: 42px;}
.train03 .wybm{ padding-right:5px; margin-top:10px}	

.join01{ padding-top:20px; margin-bottom:30px}
.activity01 .hd .img{ float:none; width:50%; margin:0 auto}
.activity01 .hd .txt{ float:none; width:auto; padding-top:10px}
.join02 .img{ width:80%; margin:0 auto}
.join02 .txt{ font-size:22px; margin-bottom:20px}

.train02 ul li{ width:180px}
.repertoire02 .bd li{ width:140px}
.repertoire02 .bd a{ margin:0 5px}
.repertoire02 .weap:before{ width:120px}
.repertoire02 .weap:after{ width:120px}

.repertoire01 .weap .title{ font-size:28px}
.repertoire01 .weap .title i{ font-size:16px}

.index0301 .hd{ max-width:82%; margin-bottom:12.9vw; position:relative; left:-2vw}
.index0301 .bd{max-width:90%}

.index0301 .pngbg{ width:31.55vw; right:0}
.index0301 .bd li.t{ font-size:14px; padding-left:8vw}
.index0301 .bd li{ margin-bottom:10px}
.index0301 .bd li:nth-child(3) .txt img, .index0301 .bd li:nth-child(4) .txt img, .index0301 .bd li:nth-child(5) .txt img{ max-width:55%}

.course0101{ padding:20px 0}
.course0101 .img{ float:none; width:60%; margin:0 auto}
.course01 .txt .p{ line-height:1.6}
.course01 .txt .p p{ text-indent:28px}
.course0101 .txt{ padding:20px; float:none; width:auto; font-size:14px; line-height:1.6}
.course0201{ padding-top:40px}
.course0201 .a{ display:block; overflow:hidden; padding:20px; padding-top:0}
.course0201 .a .imgs{ width:80%; margin:0 auto}
.course0201 .t{ float:left; width:31.5%;}
.course0201 .img{ float:left; width:71.5%; margin-left:-3%; margin-right:0}
.course0201 .txt{ float:left; width:100%; font-size:14px; line-height:1.6}
.course0201 .txt p{ text-indent:28px}
.course0201 li{ margin-bottom:20px}
.repertoire03 .hd .p{ padding:0 20px; font-size:14px}
.repertoire03 .hd .ico{ margin-right:0; margin-bottom:15px;     width: 28.9%;}
.repertoire06{ padding-top:20px}
.repertoire05{ padding-top:20px}
.level0301 .txt h3{ font-size:28px}
.level0301 .txt{ margin-top:-8.6vw}
.level02 .txt{ padding-top:3.6vw;}
.level02 .img2{ margin-top:-3.8vw}
.level02 .year{ font-size:20px}
.level02 .year span{ font-size:50px}
.level02 .year i{ font-size:40px}
.level02 .txt .p{ font-size:12px; line-height:1.5}
.level02 .img3{ padding-left:17.6vw; margin-top:2vw}
.level0301 .downloada{ margin-top:20px}
.level0301 .downloada a{ font-size:16px; width:130px; height:42px; line-height:40px}
.levelbox .weap{ padding-bottom:30px}
.train0301 .img{ float:none; width:50%; margin:0 auto; padding-top:0; margin-bottom:20px}
.train0301 .imgsbox{ width:auto; float:none;}
.train0301 .imgsbox .swiper-button-next, .train0301 .imgsbox .swiper-button-prev{ width:19px;} 
.train0301{ padding-bottom:20px;}
.train0302{ padding-top:40px; padding-bottom:20px;}
.train0302 .p{ font-size:18px}
.train0302 .img{ max-width:80%; margin:0 auto;margin-bottom:20px; }
.activity02 .bd{ padding-top:30vw}
.activity02 .bd .png{ left:50%; margin-left:-15.95%; right:auto}

.join0101{ padding-top:20px; padding-bottom:20px}
.join0101 .img{width:60%; float:none; margin:0 auto; padding:0; margin-bottom:20px}
.join0101 .txt{ float:none; width:auto; padding:0 20px}
.join0101 .txt h3{ font-size:28px; text-align:center}
.join0101 .txt .p{ font-size:14px; line-height:1.6}
.join0101 .txt .p p{ text-indent:28px;}
.join0301 .bd{ margin-top:-14.6vw}
.join0301 .bd li{ width:43%}
.join0301 .bd li:nth-child(2){ padding-top:31vw}
.join0301 .bd li:nth-child(3){ padding-top:8.6vw}
.join0201{ padding-bottom:20px; padding-left:20px; padding-right:20px;}
.join0301{ padding-top:20px; padding-bottom:20px;padding-left:20px; padding-right:20px;}
.join04{ padding-top:20px}
.join04 li{ margin-bottom:70px}

.newspage{ padding-top:20px; padding-bottom:70px;} 
.newspage .goto a{ width:120px; font-size:14px;}
.newspage .goto a:before{ width:12px;}
.pagebox{ margin:0 20px; margin-bottom:20px; padding:0 20px; padding-top:50px; padding-bottom:30px; border-radius:20px;   box-shadow: 0 0 20px rgba(0,0,0,.09);}
.pagebox:before{ width:44px; height:40px; margin-left:-22px;}
.pagebox h1.title{ font-size:20px}
.pagebox .conn{ font-size:14px; line-height:1.6}
.pagebox .conn a{ font-size:14px}
.newspage .goto{ margin-bottom:20px}
.pagebox .prevnext{ margin-top:40px; text-align:center}
.pagebox .prevnext a{ width:120px; font-size:14px; margin:0 5px;}

.pagetuij .indexnews a .img{ padding:5px; border-radius:5px;    box-shadow: 0 0 5px rgba(0,0,0,.1);}
.pagetuij .indexnews a h3{ font-size:13px; color:#333; height:34px; line-height:1.4}
.pagetuij .indexnews a{ margin:0 2.8vw} 
.pagetuij .indexnews .swiper-button-next{ right:-5vw}
.pagetuij .indexnews .swiper-button-prev{ left:-5vw}
.pagetuij .indexnews .swiper-button-next,.pagetuij .indexnews .swiper-button-prev{ width:4.5vw; height:5.5vw}
.pagetuij .hd02{ font-size:20px}
.popcourse .ps{ line-height:1.6}

.join05 .bd .mt30{ margin-top:80px !important}

.about01{ padding-top:30px; padding-bottom:20px}
.tab-hd ul li{ width:100px; height:38px;}
.tab-hd ul li span{ height:40px; line-height:40px; font-size:15px}
.tab-hd ul li.on span{    border-bottom: 2px solid #1b96cf;}
.tab-hd ul{ height:42px; border:2px solid #38adfa}
.tab-hd{ margin-bottom:10px}
.about01 .tab-bd .sub{ font-size:14px; line-height:1.6; padding-left:20px; padding-right:20px; text-align:justify}
.about01 .tab-bd .sub p{ text-indent:28px}
.about02{ padding-top:20px;
     /* padding-bottom:70px */
    }
.about02 .sub{ padding-left:20px; padding-right:20px}

}

@media(max-width:880px){
.index01 .bd{ width:auto; padding-left:10px; padding-right:10px}
.popenroll{ width:95%; padding-bottom:20px}
.popenroll .txt .title{ font-size:16px}
.popenroll .img{ float:none; width:auto; margin-bottom:10px}
.popenroll .img img{ width:50%; display:block; margin:0 auto}
.popenroll .txt{ float:none; width:auto; padding-top:0}
.popenroll .txt .title a{ font-size:28px}



.activity03 .bdimgbox i{ display:block; position:absolute; z-index:2; left:0; right:0;top:0; bottom:0;}

.train01{ padding-bottom:0px}



.repertoire02 .weap:before,.repertoire02 .weap:after{ display:none}

.repertoire02 .bd .txt{ line-height:1.4; padding:10px; font-size:10px; text-indent:20px}
.repertoire02 .bd li{ width:130px}
.repertoire02 .weap{ z-index:1}
.repertoire02{ position:relative}
.repertoire02:before{ content:""; display:block; position:absolute; z-index:2; left:0; right:0;top:0; bottom:0;}

.train01 .txt{ padding-left:20px; padding-right:20px}
.activity01 .hd .txt{ padding-left:20px; padding-right:20px}
.activity02 .bd .txt{ padding-right:20px}
.activity03 .bd .txt{ padding-left:20px; }
.repertoire01 .weap .txt{ padding-left:20px; padding-right:20px} 

.index02 .indexmore{ bottom:0}
.index02{background: url(../images/mindex02bg.png) no-repeat center top;background-size: auto 100%; padding-bottom:10vw}

.pagebox{ margin:0; margin-bottom:20px}
.newspage .goto{ padding:0; display:none}
.newspage .goto a{ width:100px}
.pagebox .prevnext a{ width:100px;}
.train0301 .imgsbox .swiper-button-next{ right:30px;}
.train0301 .imgsbox .swiper-button-prev{ left:30px;}

.train04 .a{ text-align:center; font-size:0}
.train04 .a>div{ display:inline-block; vertical-align:top; float:none !important}
.train04 .a .txt{ width:auto}

.index02 .indexmore a{    background: rgba(255,255,255,.3) !important; color:#fff !important}
.index0301 .bd li .tag{ width:11vw; left:-3.7vw;top:-2.3vw;}
.index0301 .bd{ margin-bottom:20px}
.popenroll .txt .p{ margin-right:0}
.popenroll{ border-radius:10px}
.course0201 li{ margin-bottom:50px}

.train02 .bd{ padding-top:20px; padding-bottom:30px}
.train02 .a{box-shadow: 1px 5px 40px rgba(118,118,118,.2);}

.repertoire03 .bd li{ width:250px; margin-bottom:45px}
.repertoire03 .bd .title{ height:180px}
.repertoire03 .bd .sub:after{top:-30px; height:30px}
.train01 .img{ width:90%}
.train01 .img:before{ height:100px;}
}
@media(max-width:550px){
.activity02 .bd{ position:relative; padding-left:10px}
.activity03 .bd{ position:relative; padding-right:10px}
 

.about02 .tab-hd{ margin-bottom:20px}
.about02 .bd ul{ margin:0;}
.about02 .bd li{ width:auto; float:none; margin-bottom:20px}
.about02 .bd li .a{ margin:0;    box-shadow: 0 5px 10px rgba(0,0,0,0.2);}


}
@media(max-width:450px){
.activity03 .bdimg{ height:97px}
.activity03 .bdimg li{ padding:0 5px; width:100px}
.activity03 .bdimg{ padding-top:15px}
.activity03 .bdimgbox:before,.activity03 .bdimgbox:after{ width:90px}
.train02{ padding-top:0}
.train02 ul li{ width:120px}
.train02 .a{margin: 0 10px; padding: 5px;}
.train02:before{ content:""; display:block; position:absolute; z-index:2; left:0; right:0;top:0; bottom:0;}
.train02 .weap:before,.train02 .weap:after{top:0px; bottom:0px}
.train02 .weap:before{ width:90px; background:none; background-image: linear-gradient(to right, rgba(255,255,255,1) 30%, rgba(255,255,255,0) );}
.train02 .weap:after{ width:90px; background:none; background-image: linear-gradient(to left, rgba(255,255,255,1) 30%, rgba(255,255,255,0));}

.train0301 .imgsbox .swiper-button-next{ right:10px;}
.train0301 .imgsbox .swiper-button-prev{ left:10px;}

.train04 .a .txt{ width:58%}

.join04 .title{  padding-left:20px}
}
@media(max-width:330px){
.tab-hd ul li{ width:85px}

}